import React from 'react';
import AboutFooter from './components/footer';

import '../../axure/files/page_1/styles.css';

import u4 from '../../axure/images/page_1/u4.svg';
import u12 from '../../axure/images/page_1/u12.svg';
import u15 from '../../axure/images/page_1/u15.png';
import u23 from '../../axure/images/page_1/u23.svg';
import u30 from '../../axure/images/page_1/u30.svg';

import { Layout } from 'antd';

const { Content } = Layout;
export default function Introduction() {
  return (
    <Layout>
      <Content style={{ minHeight: '1500px' }}>
        <div id="base" className="">
          {/* Unnamed (矩形) */}
          <div id="u0" className="ax_default box_1">
            <div id="u0_div" className />
            <div id="u0_text" className="text " style={{ display: 'none', visibility: 'hidden' }}>
              <p />
            </div>
          </div>
          {/* Unnamed (矩形) */}
          <div id="u1" className="ax_default label">
            <div id="u1_div" className />
            <div id="u1_text" className="text ">
              <p>
                <span>团队及产品展示</span>
              </p>
            </div>
          </div>
          {/* Unnamed (线段) */}
          <div id="u4" className="ax_default _线段">
            <img id="u4_img" className="img " src={u4} />
            <div id="u4_text" className="text " style={{ display: 'none', visibility: 'hidden' }}>
              <p />
            </div>
          </div>
          {/* Unnamed (矩形) */}
          <div id="u5" className="ax_default label">
            <div id="u5_div" className />
            <div id="u5_text" className="text ">
              <p>
                <span>教师</span>
              </p>
            </div>
          </div>
          {/* Unnamed (矩形) */}
          <div id="u6" className="ax_default box_1">
            <div id="u6_div" className />
            <div id="u6_text" className="text " style={{ display: 'none', visibility: 'hidden' }}>
              <p />
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u7"
            className="ax_default"
            data-left={327}
            data-top={177}
            data-width={582}
            data-height={213}
          >
            {/* Unnamed (矩形) */}
            <div id="u8" className="ax_default label">
              <div id="u8_div" className />
              <div id="u8_text" className="text ">
                <p>
                  <span>洪亮</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u9" className="ax_default label">
              <div id="u9_div" className />
              <div id="u9_text" className="text ">
                <p>
                  <span>教授，博士生导师，武汉大学数据科学与智能实验室主任</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u10"
              className="ax_default"
              data-left={327}
              data-top={242}
              data-width={192}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u11" className="ax_default label">
                <div id="u11_div" className />
                <div id="u11_text" className="text ">
                  <p>
                    <span>hong@whu.edu.cn</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u12" className="ax_default icon">
                <img id="u12_img" className="img " src={u12} />
                <div
                  id="u12_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u13" className="ax_default label">
              <div id="u13_div" className />
              <div id="u13_text" className="text ">
                <p>
                  <span>研究方向：</span>
                </p>
                <p>
                  <span>
                    <br />
                  </span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u14" className="ax_default label">
              <div id="u14_div" className />
              <div id="u14_text" className="text ">
                <p>
                  <span>1. 知识图谱：知识图谱构建技术，领域知识图谱应用（金融风险、数字人文）</span>
                </p>
                <p>
                  <span>2. 数据智能：大数据分析技术，大数据安全与保密，情报智能分析</span>
                </p>
                <p>
                  <span>3. 数字金融：金融知识图谱构建与应用，金融风险分析与管理</span>
                </p>
              </div>
            </div>
          </div>
          {/* Unnamed (图片 ) */}
          <div id="u15" className="ax_default _图片_">
            <img id="u15_img" className="img " src={u15} />
            <div id="u15_text" className="text " style={{ display: 'none', visibility: 'hidden' }}>
              <p />
            </div>
          </div>
          {/* Unnamed (矩形) */}
          <div id="u16" className="ax_default label">
            <div id="u16_div" className />
            <div id="u16_text" className="text ">
              <p>
                <span>成员</span>
              </p>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u17"
            className="ax_default"
            data-left={518}
            data-top={489}
            data-width={412}
            data-height={136}
          >
            {/* Unnamed (矩形) */}
            <div id="u18" className="ax_default box_1">
              <div id="u18_div" className />
              <div
                id="u18_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u19" className="ax_default label">
              <div id="u19_div" className />
              <div id="u19_text" className="text ">
                <p>
                  <span>侯雯君</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u20" className="ax_default label">
              <div id="u20_div" className />
              <div id="u20_text" className="text ">
                <p>
                  <span>博士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u21"
              className="ax_default"
              data-left={697}
              data-top={576}
              data-width={204}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u22" className="ax_default label">
                <div id="u22_div" className />
                <div id="u22_text" className="text ">
                  <p>
                    <span>wenjun_hou@outlook.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u23" className="ax_default icon">
                <img id="u23_img" className="img " src={u23} />
                <div
                  id="u23_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u24"
            className="ax_default"
            data-left={517}
            data-top={642}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u25" className="ax_default box_1">
              <div id="u25_div" className />
              <div
                id="u25_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u26" className="ax_default label">
              <div id="u26_div" className />
              <div id="u26_text" className="text ">
                <p>
                  <span>张士伟</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u27" className="ax_default label">
              <div id="u27_div" className />
              <div id="u27_text" className="text ">
                <p>
                  <span>博士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u28"
              className="ax_default"
              data-left={694}
              data-top={728}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u29" className="ax_default label">
                <div id="u29_div" className />
                <div id="u29_text" className="text ">
                  <p>
                    <span>zhangshiwei17173@outlook.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u30" className="ax_default icon">
                <img id="u30_img" className="img " src={u30} />
                <div
                  id="u30_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u31"
            className="ax_default"
            data-left={518}
            data-top={793}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u32" className="ax_default box_1">
              <div id="u32_div" className />
              <div
                id="u32_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u33" className="ax_default label">
              <div id="u33_div" className />
              <div id="u33_text" className="text ">
                <p>
                  <span>胡传龙</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u34" className="ax_default label">
              <div id="u34_div" className />
              <div id="u34_text" className="text ">
                <p>
                  <span>博士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u35"
              className="ax_default"
              data-left={695}
              data-top={879}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u36" className="ax_default label">
                <div id="u36_div" className />
                <div id="u36_text" className="text ">
                  <p>
                    <span>1091518475@qq.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u37" className="ax_default icon">
                <img id="u37_img" className="img " src={u30} />
                <div
                  id="u37_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u38"
            className="ax_default"
            data-left={516}
            data-top={944}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u39" className="ax_default box_1">
              <div id="u39_div" className />
              <div
                id="u39_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u40" className="ax_default label">
              <div id="u40_div" className />
              <div id="u40_text" className="text ">
                <p>
                  <span>司恬歌</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u41" className="ax_default label">
              <div id="u41_div" className />
              <div id="u41_text" className="text ">
                <p>
                  <span>硕士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u42"
              className="ax_default"
              data-left={693}
              data-top={1030}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u43" className="ax_default label">
                <div id="u43_div" className />
                <div id="u43_text" className="text ">
                  <p>
                    <span>stg.email@qq.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u44" className="ax_default icon">
                <img id="u44_img" className="img " src={u30} />
                <div
                  id="u44_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u45"
            className="ax_default"
            data-left={517}
            data-top={1095}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u46" className="ax_default box_1">
              <div id="u46_div" className />
              <div
                id="u46_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u47" className="ax_default label">
              <div id="u47_div" className />
              <div id="u47_text" className="text ">
                <p>
                  <span>徐豪帅</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u48" className="ax_default label">
              <div id="u48_div" className />
              <div id="u48_text" className="text ">
                <p>
                  <span>硕士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u49"
              className="ax_default"
              data-left={694}
              data-top={1181}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u50" className="ax_default label">
                <div id="u50_div" className />
                <div id="u50_text" className="text ">
                  <p>
                    <span>haoshuaixu@163.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u51" className="ax_default icon">
                <img id="u51_img" className="img " src={u30} />
                <div
                  id="u51_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u52"
            className="ax_default"
            data-left={91}
            data-top={489}
            data-width={412}
            data-height={136}
          >
            {/* Unnamed (矩形) */}
            <div id="u53" className="ax_default box_1">
              <div id="u53_div" className />
              <div
                id="u53_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u54" className="ax_default label">
              <div id="u54_div" className />
              <div id="u54_text" className="text ">
                <p>
                  <span>徐青影</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u55" className="ax_default label">
              <div id="u55_div" className />
              <div id="u55_text" className="text ">
                <p>
                  <span>博士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u56"
              className="ax_default"
              data-left={270}
              data-top={576}
              data-width={204}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u57" className="ax_default label">
                <div id="u57_div" className />
                <div id="u57_text" className="text ">
                  <p>
                    <span>1193367942@qq.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u58" className="ax_default icon">
                <img id="u58_img" className="img " src={u23} />
                <div
                  id="u58_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u59"
            className="ax_default"
            data-left={90}
            data-top={642}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u60" className="ax_default box_1">
              <div id="u60_div" className />
              <div
                id="u60_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u61" className="ax_default label">
              <div id="u61_div" className />
              <div id="u61_text" className="text ">
                <p>
                  <span>鞠晓慧</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u62" className="ax_default label">
              <div id="u62_div" className />
              <div id="u62_text" className="text ">
                <p>
                  <span>硕士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u63"
              className="ax_default"
              data-left={267}
              data-top={728}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u64" className="ax_default label">
                <div id="u64_div" className />
                <div id="u64_text" className="text ">
                  <p>
                    <span>xiaohuo__ju@163.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u65" className="ax_default icon">
                <img id="u65_img" className="img " src={u30} />
                <div
                  id="u65_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u66"
            className="ax_default"
            data-left={91}
            data-top={793}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u67" className="ax_default box_1">
              <div id="u67_div" className />
              <div
                id="u67_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u68" className="ax_default label">
              <div id="u68_div" className />
              <div id="u68_text" className="text ">
                <p>
                  <span>沈明轩</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u69" className="ax_default label">
              <div id="u69_div" className />
              <div id="u69_text" className="text ">
                <p>
                  <span>硕士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u70"
              className="ax_default"
              data-left={268}
              data-top={879}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u71" className="ax_default label">
                <div id="u71_div" className />
                <div id="u71_text" className="text ">
                  <p>
                    <span>mingxuanshen1729@gmail.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u72" className="ax_default icon">
                <img id="u72_img" className="img " src={u30} />
                <div
                  id="u72_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u73"
            className="ax_default"
            data-left={89}
            data-top={944}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u74" className="ax_default box_1">
              <div id="u74_div" className />
              <div
                id="u74_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u75" className="ax_default label">
              <div id="u75_div" className />
              <div id="u75_text" className="text ">
                <p>
                  <span>林志煜</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u76" className="ax_default label">
              <div id="u76_div" className />
              <div id="u76_text" className="text ">
                <p>
                  <span>硕士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u77"
              className="ax_default"
              data-left={266}
              data-top={1030}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u78" className="ax_default label">
                <div id="u78_div" className />
                <div id="u78_text" className="text ">
                  <p>
                    <span>Curelin@163.com</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u79" className="ax_default icon">
                <img id="u79_img" className="img " src={u30} />
                <div
                  id="u79_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          {/* Unnamed (组合) */}
          <div
            id="u80"
            className="ax_default"
            data-left={90}
            data-top={1095}
            data-width={413}
            data-height={135}
          >
            {/* Unnamed (矩形) */}
            <div id="u81" className="ax_default box_1">
              <div id="u81_div" className />
              <div
                id="u81_text"
                className="text "
                style={{ display: 'none', visibility: 'hidden' }}
              >
                <p />
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u82" className="ax_default label">
              <div id="u82_div" className />
              <div id="u82_text" className="text ">
                <p>
                  <span>周嘉诚</span>
                </p>
              </div>
            </div>
            {/* Unnamed (矩形) */}
            <div id="u83" className="ax_default label">
              <div id="u83_div" className />
              <div id="u83_text" className="text ">
                <p>
                  <span>硕士研究生</span>
                </p>
              </div>
            </div>
            {/* Unnamed (组合) */}
            <div
              id="u84"
              className="ax_default"
              data-left={267}
              data-top={1181}
              data-width={205}
              data-height={22}
            >
              {/* Unnamed (矩形) */}
              <div id="u85" className="ax_default label">
                <div id="u85_div" className />
                <div id="u85_text" className="text ">
                  <p>
                    <span>hong@whu.edu.cn</span>
                  </p>
                </div>
              </div>
              {/* Unnamed (形状) */}
              <div id="u86" className="ax_default icon">
                <img id="u86_img" className="img " src={u30} />
                <div
                  id="u86_text"
                  className="text "
                  style={{ display: 'none', visibility: 'hidden' }}
                >
                  <p />
                </div>
              </div>
            </div>
          </div>
          <AboutFooter />
        </div>
      </Content>
    </Layout>
  );
}
